@import "@assets/css/common.scss";

.left-nav-content {
    width: 250px;
    //width: 0px;
    height: 100%;
    padding-right: 15px;
    background-color: $bg4;
    overflow: hidden;
    @include position();

    .arrow {
        @include position_center(absolute, right);
        width: 15px;
        height: 72px;
        background-color: $bg6;
        cursor: pointer;
        background: url('#{$iconPath}/normal-nav-arrow.png') center center no-repeat;
    }

    &.reverse {
        width: 15px;

        .arrow {
            background: url('#{$iconPath}/reverse-nav-arrow.png') center center no-repeat;
        }

        .nav-content {
            width: 0px;
        }
    }

    .nav-content {
        width: 235px;
        height: 100%;
        background: $bg5;
        overflow-y: auto;

        .nav-tree {
            height: 100%;

            .nav-title {
                display: block;
                width: 100%;
                height: 40px;
                line-height: 40px;
                font-size: $fzml;
                color: $cor4;
                text-align: center;
            }

            .tree-wrap {
                width: 100%;
                height: calc(100% - 40px);
                //padding-left: 15px;

                .ant-tree {

                    .ant-tree-node-selected {
                        color: $cor2;
                    }

                    .ant-tree-treenode-selected {

                        .ant-tree-node-content-wrapper {
                            &:before {
                                background-color: transparent;
                            }
                        }
                    }

                    .ant-tree-treenode-switcher-open {
                        background-color: #fff;
                    }

                    .ant-tree-node-content-wrapper {
                        position: relative;

                        &:hover:before {
                            background-color: $hbg;
                        }
                    }
                }
            }

        }
    }
}
